.app-control-grid {
  .grid-edit-column {
    margin-bottom: 0px;
  }
  .ant-table-wrapper {
    height: 100%;
    .ant-spin-nested-loading {
      height: 100%;
      .ant-spin-container {
        height: 100%;
        display: flex;
        .ant-table-container {
          height: 100%;
        }
      }
    }
    .ant-spin-container {
      display: flex;
      flex-direction: column;
      .ant-table {
        flex: 1;
        overflow: hidden;
      }
      .ant-table-container {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;
        .ant-table-body {
          flex: 1;
        }
      }
    }
  }
  //  合计行样式（与表格头部保持一致）
  .ant-table-summary tfoot th,
  .ant-table-summary tfoot td {
    background-color: #fafafa;
  }
  .ant-table-empty .ant-table-body table {
    height: 100%;
  }
  .ant-spin-nested-loading > div > .ant-spin {
    max-height: 100%;
  }

  // 行编辑单元格
  .edit-cell {
    padding: 0 8px;
    display: table-cell;
    .cell {
      padding: 0;
    }
  }
  .sort-caret {
    border-color: transparent;
  }
  .grid-column--ua {
    background-color: transparent;
    .app-button {
      padding: 0 4px;
      background-color: transparent;
      &:hover {
        background-color: transparent;
      }
    }
  }
  // 操作列样式
  .grid-column--ua__header {
    margin-right: 4px;
  }
  .grid-column--ua__content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .column__divider {
    padding: 0 10px 0 10px;
  }
  .column--first {
    padding: 0 10px 0 10px;
  }
  .column-content--disabled {
    pointer-events: none;
  }
  .column-content--normal {
    pointer-events: auto;
  }
  // 文件下载列样式
  .grid-column--download {
    text-decoration: underline;
  }

  // 分页栏样式
  .app-control-grid__pagination {
    .pagination__refresh {
      margin-right: 4px;
    }
    .pagination--pull-right {
      float: right;
    }
    .pagination__refresh {
      height: 28px;
      width: 28px;
      min-width: 28px;
      line-height: 28px;
    }
  }
  // 操作列样式（过滤）
  .app-control-grid__filter {
    position: absolute;
    top: 4px;
    right: 6px;
    z-index: 3;
    height: 46px;
    width: 48px;
    box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;

    &::before {
      content: '';
      position: absolute;
      width: 48px;
      height: 46px;
      border-radius: 0 50% 0 0;
      top: 0px;
      right: 6px;
    }

    &::after {
      content: '';
      position: absolute;
      width: 20px;
      height: 40px;
      border-radius: 33% 50% 0 0;
      top: 8px;
      right: -4px;
      pointer-events: none;
    }

    &.filter__tip--show {
      /* 动画代码 */
      @keyframes openbook1 {
        0% {
          transform: translate(0, 0);
        }

        100% {
          transform: translate(-60px, 0px);
        }
      }

      /* 动画代码 */
      @keyframes openbook2 {
        0% {
          transform: translate(0, 0);
        }

        100% {
          transform: translate(-60px, 60px);
        }
      }

      &::before {
        animation-name: openbook1;
        animation-duration: 0.5s;
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
      }

      &::after {
        animation-name: openbook2;
        animation-duration: 0.5s;
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
      }
    }

    &.filter__tip--hide {
      /* 动画代码 */
      @keyframes closebook1 {
        0% {
          transform: translate(-60px, 0px);
        }

        100% {
          transform: translate(0, 0);
        }
      }

      /* 动画代码 */
      @keyframes closebook2 {
        0% {
          transform: translate(-60px, 60px);
        }

        100% {
          transform: translate(0, 0);
        }
      }

      &::before {
        animation-name: closebook1;
        animation-duration: 0.5s;
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
      }

      &::after {
        animation-name: closebook2;
        animation-duration: 0.5s;
        animation-timing-function: ease-in;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
      }
    }
  }
}
.app-control-grid {
  // 操作列样式
  .grid-column--ua {
    .column__divider {
      border-left: 1px @app-text-color-step--700 solid;
    }
    .column-content--normal {
      color: @primary-color;
    }
  }
  // 分页栏样式
  .control-footer {
    &.app-control-grid__pagination {
      .pagination__refresh {
        &:hover {
          color: @primary-color;
          border-color: @primary-color;
        }
      }
    }
  }
}
.app-column-link {
  color: @primary-color;
}
.column__content--normal {
  color: @primary-color;
}
